<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        /*
         * History
         * 	- history 是浏览器提供的一个内置对象，它代表了当前窗口的浏览历史记录
         */
        window.onload = function () {

            //获取按钮对象
            var btn = document.getElementById("btn");

            btn.onclick = function () {
                /*
                 * length
                 * 	- 属性，可以获取到当成访问的链接数量
                 */
                //alert(history.length);

                /*
                 * back()
                 * 	- 回退到上一个页面，作用和浏览器的回退按钮一样
                 */
                //history.back();

                /*
                 * forward()
                 * 	- 跳转到下一个页面，作用和浏览器的前进按钮一样
                 */
                //history.forward();

                /*
                 * go()
                 * 	- 它是history对象的一个方法，用于在浏览器的历史记录中向前或向后跳转指定的步数。
                 * 	- 它需要一个整数作为参数
                 * 		1:表示向前跳转一个页面 相当于forward()
                 * 		2:表示向前跳转两个页面
                 * 		-1:表示向后跳转一个页面
                 * 		-2:表示向后跳转两个页面
                 */
                history.go(1);
            };

        };

    </script>
</head>
<body>

<button id="btn">点我一下</button>

<h1>History 页面3</h1>

<a href="01.BOM-Navigator.html">去BOM</a>
</body>
</html>
